﻿
<script>
    $(document).ready(function () {
        var id = "";
        $('#jerrysNav li').removeClass();
        $('.footer-links li').removeClass();
        $("li a").click(function (event) {
            sessionStorage.clear();
            sessionStorage.setItem("SelectedId", this.id);
        });        
        id = sessionStorage.getItem("SelectedId");        
        $('#jerrysNav li').removeClass();
        $(('#' + id)).parent().addClass('active');
        $(('#' + id + 'Footer')).parent().addClass('active');
    });
</script>

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            @*@Html.ActionLink("", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })*@
            <a href="/Home/Index" class="navbar-brand"><img alt="Jerry''s Jungle Huts" class="img-responsive" src="~/Content/Default/Images/jerrysjunglehuts.png" /></a>
        </div>
        <div class="navbar-collapse collapse topnav-panel">
            <div class="row">
                <div class="col-md-12">
                    <ul id="jerrysNav" class="nav navbar-nav navbar-right">                        
                        <li> <a id="Home" href="~/home/index">Home</a></li>
                        <li><span class="pipe">&nbsp;</span></li>
                        <li> <a id="AboutUs" href="~/home/about">About Us</a></li>                        
                        <li><span class="pipe">&nbsp;</span></li>
                        <li> <a id="Tarrif" href="~/tariff/index">Tariff &amp; Reservation</a></li>
                        <li><span class="pipe">&nbsp;</span></li>
                        <li> <a id="KandbariHills" href="~/tariff/KandbariHills">Kandbari Hills</a></li>
                        <li><span class="pipe">&nbsp;</span></li>                        
                        <li> <a id="PhotoGallery" href="~/photogallery/index">Photo Gallery</a></li>                        
                        <li><span class="pipe">&nbsp;</span></li>
                        <li> <a id="Experiences" href="~/experiences/fishing">Experiences</a></li>                                                
                        <li><span class="pipe">&nbsp;</span></li>
                        <li> <a id="Contact" href="~/home/contact">Contact</a></li>                                                
                    </ul>
                </div>
            </div>
            <div class="row social-panel">
                <div class="col-md-12">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a class="ico-email">+91 9816145414</a></li>
                        <li><a class="ico-contact" href="mailto:guestcare@jerrysjunglehuts.com">guestcare@jerrysjunglehuts.com</a></li>
                        <li><a class="ico-tripadvisor" target="_blank" href="http://www.tripadvisor.in/Hotel_Review-g967277-d5773822-Reviews-Jerry_s_Jungle_Huts-Palampur_Himachal_Pradesh.html">Tripadvisor</a></li>
                        @*<li>
                            <ul class="social-media" style="margin-top:10px;">
                                <li><a target="_blank" href="" class="linkedin"></a></li>
                                <li><a target="_blank" href="" class="twitter"></a></li>
                                <li><a target="_blank" href="" class="youtube"></a></li>
                                <li><a target="_blank" href="" class="fb"></a></li>
                            </ul>
                        </li>*@
                    </ul>
                </div>
            </div>


            @*@Html.Partial("_LoginPartial")*@
        </div>
    </div>
</div>
